<template>
  <div id="app">
    <!-- 由于每次跳转路由，组件会被销毁和创建，太消耗性能 -->
    <!-- 如果直接keep-alive文章详情也会被缓存，不会销毁，不同结构每次访问文章详情都是那个页面 -->
    <!-- 需求：多个组件切换时用keep-alive，如果多个不同的结构都用这个单个组件不能用keep-alive因为被缓存了，都是同一个页面 -->
    <!-- 实现：给需要缓存的组件一个meta，每进入一个组件用当前路由的判断有没有这个meta有则缓存（加keep），没有则不加 -->
    <keep-alive>
      <router-view v-if="$route.meta.isKeepAlive" />
    </keep-alive>
    <router-view v-if="!$route.meta.isKeepAlive" />

  </div>
</template>
<script>
// import request from '@/utils/request'
export default {
  created() {
    console.log(this.$route.meta.isKeepAlive)
  }
}
</script>
<style lang="less">
</style>
